@charset "UTF-8";

*{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
body{
    background: radial-gradient(circle at 50% 25%, rgba(181, 154, 104, 0.12), transparent 45%), #171412;
    background-repeat: no-repeat;
}
/*----PALETA DE CORES--------*/
:root{
    --fundo-principal: #171412;
    --fundo-secundário: #211B17;
    --superfície-madeira-escura: #30251E;
    --texto-principal-pergaminho: #D8C7A5;
    --texto-secundário-pergaminho-envelhecido: #A99573;
    --destaque-bronze-envelhecido: #9A7B4F;
    --destaque-suave-dourado-antigo: #B59A68;
    --bordas-marrom-bronzeado: #594734;
}
/*---CONFIGURAÇÃO DO CABEÇALHO-----*/
header{
            text-align: center;
            height: 180px;
            align-items: center;
            font-style: italic;
            color: var(--destaque-suave-dourado-antigo);
        }
        @media screen and (max-width: 500px) {
    header > h1 {
        font-size: 20px;
        margin: auto;
    }
}
#pageUm{
    margin-top: 10px;
    height: 100px;
}
/*---CONFIGURAÇÃO DOS MENUS----*/
nav{
    display: flex;
    justify-content:space-around ;
    align-items: center;
    margin: auto;
}
/*
@media screen and (max-width: 500px) {
    nav {
        flex-direction: column;
        height: auto;
    }
}
*/
/*---CONFIGURAÇÃO DOS LINKS---*/
a{
    color: var(--texto-principal-pergaminho);
}
/*--CONFIGURAÇÃO DOS TÍTULOS---*/
h1{
    color: var(--destaque-suave-dourado-antigo);
    margin: 7px;
    text-align: center;
}
/*---CONFIGURAÇÃO DOS SUBTÍTULOS------*/
h2{
    color: var(--destaque-bronze-envelhecido);
    margin: 7px;
}
/*--CONFIGURAÇAO DOS PARÁGRAFOS---*/
p{
    color: var(--texto-secundário-pergaminho-envelhecido);
    text-indent: 15px;
    margin: 7px;
    background-color: var(--fundo-secundário);
}
/*---CONFIGURAÇÃO DAS IMAGENS---*/
img{
    max-width: 100%;
    height: auto;
}
/*--CONFIGURAÇÃO DAS DIVS---*/
div{
    display: flex;
    justify-content: center;
}
.container{
    display: block;
    border: var(--bordas-marrom-bronzeado) solid 13px;
    margin: 7px;
}
/*----CONFIGURAÇÃO DO RODAPÉ-----*/
footer{
    background-color: var(--superfície-madeira-escura);
    text-align: center;
    font-weight: bolder;
    font-style: italic;
    color: var(--texto-secundário-pergaminho-envelhecido);
}
hr{
    margin: 13px;
}
mark{
    background-color: var(--texto-principal-pergaminho);
}
.elab{
    color: var(--texto-secundário-pergaminho-envelhecido);
    font-size: 13px;
}
#avatar{
    height: 50px;
    border: var(--bordas-marrom-bronzeado) solid 2px;
}
/*---LOGO DA PÁGINA SOBRE MIM-------*/
.logo{
    height: 50px;
    width: 50px;
    border: var(--bordas-marrom-bronzeado) solid 3px;
    border-radius: 50%;
    margin-top: 10px;
}
#sobMimHeader{
    height: 170px;
}
#logoTec{
    height: 50px;
    width: 50px;
    margin: 13px;
}